<template>
  <div class="dashboard-container">
    <div class="dashboard-text">
      <Card> </Card>
      <Sale> </Sale>
      <Observe></Observe>
    </div>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
import Card from "./card/Card";
import Sale from "./sale";
import Observe from "./Observe";

export default {
  name: "Dashboard",
  computed: {
    ...mapGetters(["name"]),
  },
  components: {
    Card,
    Sale,
    Observe,
  },
};
</script>

<style lang="scss" scoped>
</style>
